<template>
  <div class="container-register">
    <my-top middleTop="注册bilibili" leftTop rightTop></my-top>
    <!-- 输入框 -->
    <form-text
      v-for="item in formName"
      :label="item.label"
      :placeholder="item.placeholder"
      :type="item.type"
      :key="item.id"
      :style="item.style"
      rule="[{^.(6,16)$,message:'输入6-16位的账号或密码'}]"
    />
    <!-- 注册按钮 -->
    <van-button round  color="#ff9db5" type="info" size="large" style="margin:2.778vw 0">注册</van-button>
  </div>
</template>
<script>
export default {
  data() {
    return {
      formName: [
        {
          id: 0,
          label: "姓名:",
          placeholder: "请输入姓名",
          type: "text",
          style: " margin:2.778vw 0"
        },
        {
          id: 1,
          label: "账号:",
          placeholder: "请输入账号",
          type: "text",
          style: "null"
        },
        {
          id: 2,
          label: "密码:",
          placeholder: "请输入密码",
          type: "password",
          style: "null"
        }
      ]
    };
  }
};
</script> 
<style scoped>
</style>